{include file="public/header" /}

    <div class="layui-body">
        <!--tab标签-->
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <li class="layui-btn"><a href="{:url('Community/add')}">添加社会信息</a></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table class="layui-table">
                        <thead>

                        <tr>
                            <th style="width: 30px;text-align: center">ID</th>
                            <th style="width: 30px;" align="center">标题</th>
                            <th style="text-align: center">内容</th>
                            <th style="text-align: center">发布人</th>
                            <th style="text-align: center">留言</th>
                            <th style="text-align: center">用户ID</th>
                            <th style="text-align: center">发布时间</th>
                            <th style="text-align: center">排序</th>
                            <th style="text-align: center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="list" id="val"}
                        <tr>
                            <td style="text-align: center">{$val.id}</td>
                            <td style="text-align: center">{$val.title}</td>
                            <td style="text-align: center">{$val.content}</td>
                            <td style="text-align: center">{$val.author}</td>
                            <td style="text-align: center">{$val.leave_word}</td>
                            <td style="text-align: center">{$val.user_id}</td>
                            <td style="text-align: center">{$val.time|date="Y-m-d H:i",###}</td>
                            <td style="text-align: center">{$val.sort}</td>
                            <td style="text-align: center">
                                <a href="javascript:void(0)" onclick="del('{$val.id}')" class="layui-btn layui-btn-danger layui-btn-mini ">删除</a>
                                <script>
                                    function del(id){
                                        window.location.href='{:url("dels")}'+'?id='+id;
                                    }
                                    function up(id){
                                       window.location.href='{:url("update")}'+'?id='+id;
                                    }
                                </script>
                            </td>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                    {$page}
                </div>
            </div>
        </div>
    </div>
{include file="public/footer" /}
<!--添加轮播layer-->
<script>
    $('#tj').on('click',function(){
        layer.open({
                    type: 1,
                    area: ['600px', '360px'],
                    shadeClose: false, //点击遮罩关闭
                    content: '\<\div style="text-align:center;">请添加你要添加的轮播图片\<\/div>'+
                    '<center>'+
                    '<form method="post" action="{:url('Goods/addi')}" enctype="multipart/form-data"><br/><br/>'+
                    '<input type="file" id="files" multiple="multiple" name="image" style="display: none;">'+
                    '<div style="border: 1px solid grey;width: 250px;">排序:<input type="text" style="height: 30px;border-left:0px;border-top:0px;border-right:0px;border-bottom:1px;" name="sort"></div></br>'+
                    '<div style="border: 1px solid grey;width: 250px;">图片:<input type="text" style="height: 30px;border-left:0px;border-top:0px;border-right:0px;border-bottom:1px;" name="link" class="loading"></div></br>'+
                    '<div class="layui-btn layui-btn-radius" style="margin-right: 55px;" onclick="getElementById(\'files\').click()" id="images"><img src="__ROOT__/admin/images/images.png">上传图片</div>'+
                    '<input style="display:none " type="submit" id="submit">'+
                    '<div class="layui-btn layui-btn-radius layui-btn-normal" id="up"><img src="__ROOT__/admin/images/up.png">上传</div>'+
                    '</form>'+
                    '<div id="inputfile"></div>'+
                    '</center>'
         })
            <!--图片上传-->
    $(document).ready(function(){
        //响应文件添加成功事件
                $('#files').change(function(){
                    //创建FormData对象
                    var data = new FormData();
                    //为FormData对象添加数据
                    /*$.each($('#files')[0].files, function (i, file) {
                        data.append('upload_file' + i, file);
                    });*/
                    alert(data);
                    $(".loading").show();	//显示加载图片
                    //发送数据
                    $.ajax({
                        url: "{:url('Goods/addi')}",
                        type: 'POST',
                        data: data,
                        cache: false,
                        contentType: false,		//不可缺参数
                        processData: false,		//不可缺参数
                        success: function (data) {
                            data = $(data).html();
                            //第一个feedback数据直接append，其他的用before第1个（ .eq(0).before() ）放至最前面。
                            //data.replace(/&lt;/g,'<').replace(/&gt;/g,'>') 转换html标签，否则图片无法显示。

                            if ($("#feedback").children('img').length == 0) $("#feedback").append(data.replace(/&lt;/g, '<').replace(/&gt;/g, '>'));
                            else $("#feedback").children('img').eq(0).before(data.replace(/&lt;/g, '<').replace(/&gt;/g, '>'));
                            $(".loading").hide();	//加载成功移除加载图片
                        },
                        error: function () {
                            alert('上传出错');
                            $(".loading").hide();	//加载失败移除加载图片
                        }
                    });
                })
            })

        $('#up').on('click',function(){
            $('#submit').click();
        })


    });



</script>